<template>
  <div>App</div>
  <button @click="flag = !flag">show</button>
  <p>flag: {{ flag }}</p>
  <hr />
  <p>text: {{ text }}</p>
  <!-- 自定义子组件使用 v-model 双向数据绑定 -->
  <!-- 多个 v-model 使用 : 进行命名 -->
  <!-- 可以使用 . 声明是否使用修饰符 -->
  <Child v-model="flag" v-model:text.isText="text"></Child>
</template>
<script setup lang="ts">
import Child from './Child.vue'
const flag = ref<boolean>(true)
const text = ref<string>('')
</script>
<style scoped></style>
